    *{
        margin: 0;
        padding: 0;
        font-size: 14px;
    }
    a {
          color: black;
          text-decoration: none;
          display: inline-block;
          width: 80px;
          /*改变a标签的显示模式（设置为行级块状元素）^_^千万不要去掉哦！！！！^_^*/
          
          line-height: 30px;
          border-radius: 5px;
         
          transition: 1s;   
          /*使用它我们就可以看到好看的圆角边框了哦！！！^_^不过很抱歉，这种样式不兼容（IE6-8没有效果）哦！！！！^_^*/
      }
      a:hover{
        transform: scale(1.2);
      }
    span:hover{
          background-color: rgb(247, 94, 34);
          color:white;

         /* transform: scale(1.1); */
          /* font-size: 20px; */
          /* vertical-align: middle; */
          opacity: 0.5;
          
      }
      p{
      height: 30px;
  }
    h3{
        line-height: 50px;
    }
    .zt h3{
        color: coral;
    }
    .ts h3{
        color:rgb(99, 187, 99);
    }
    .dq h3{
        color:palevioletred;
    }
    hr{
        background-color: grey;
        
    }


      /*
要求：
1、去除a标签，h3标题的默认样式
2、设置字体大小为14像素，颜色为对应的颜色，“主题市场、特色购物、当前热点“等标题设置加粗，要对应字体颜色，字体大小
3、给a标签添加伪类（鼠标经过时显示背景颜色，改变字体颜色，以上任选一种）
*/